@import "tailwindcss";

/* Add any custom global styles below this line */

.toaster > * {
  background: #222 !important;
  color: #fff !important;
  border-radius: 0.5rem !important;
  box-shadow: 0 2px 16px 0 #0006 !important;
}

@media (prefers-color-scheme: light) {
  .toaster > * {
    background: #fff !important;
    color: #222 !important;
    box-shadow: 0 2px 16px 0 #0002 !important;
  }
}

[data-sonner-toast],
[data-sonner-toast] * {
  background: #222 !important;
  color: #fff !important;
  border-radius: 0.5rem !important;
  box-shadow: 0 2px 16px 0 #0006 !important;
}

@media (prefers-color-scheme: light) {
  [data-sonner-toast],
  [data-sonner-toast] * {
    background: #fff !important;
    color: #222 !important;
    box-shadow: 0 2px 16px 0 #0002 !important;
  }
}
